<template>
  <div class="form-check p-0">
    <input :id="id" class="form-check-input" type="checkbox" :name="name" :checked="checked" />
    <label :for="id" class="custom-control-label">
      <slot />
    </label>
  </div>
</template>

<script setup>
defineProps({
  name: {
    type: String,
    default: '',
  },
  id: {
    type: String,
    default: '',
  },
  checked: Boolean,
})
</script>
